<template>
    <span style="display: inline-block; margin-left: 10px;">
        <el-dialog :close-on-click-modal="false" :title="title" :visible.sync="open" width="80vw" append-to-body>
            <div style=" height:100%">
                <iframe :src = link width="100%" height="100%"></iframe>
            </div>
        </el-dialog>
    </span>
</template>

<script>
export default {
  name: 'educe',
  props:{
    linkObj:{
      type:Object
    },
  },
  data() {
    return {
      // 弹出层标题
      title: '导出表格',
    //   导出链接
      link: "",
      // 弹出框
      open:false
    }
  },
  created() {
    
  },
  
  methods: {
      getlink(){
        this.open = true
        this.link = process.env.VUE_APP_BASE_API + "/birt/report?reportName=" + this.linkObj.reportName + "&reportFormat=" + this.linkObj.reportFormat + 
                    "&baseUrl=" + encodeURIComponent(process.env.VUE_APP_BASE_API) + "&id=" +this.linkObj.id + "&exportName=" + this.linkObj.exportName
      },
    },
  }
</script>

<style scoped>
/* iframe{
  background-color: #f0f0f0;
} */
</style>
